<template> 
   
   <el-container>
    <el-aside width="300px">
      <ChatItem name="张三" message="你刚刚说了什么啊" face="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" time="上午10:00"></ChatItem>
      <ChatItem name="张三" message="你刚刚说了什么啊" face="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" time="上午10:00"></ChatItem>
      <ChatItem name="张三" message="你刚刚说了什么啊" face="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" time="上午10:00"></ChatItem>

    </el-aside>
    <el-main>Main</el-main>
  </el-container>
</template>

<script>
import ChatItem from "./chatItem";
export default {
  components: { ChatItem },
  data() {
    return {
     
    };
  },
  methods: {
    onSubmit() {
      console.log(this.form)
      this.$message("submit!");
    },
    onCancel() {
      this.$message({
        message: "cancel!",
        type: "warning"
      });
    }
  }
};
</script>

<style scoped>
.line {
  text-align: center;
}
.el-menu-item, .el-submenu__title{
  height: auto;
  line-height: 60px;
}

</style>

